.wheelBox{
	width: 1747px;
	height: 727px;
	padding: 10px;
	background: #969696;
	position: relative;
	.list{
		width: 491.3px;
		height: 657px;
		float: left;
		padding: 100px 45px 0;
		position: relative;
		.listOuter{
			position: relative;
			width: 400px;
			overflow: hidden;
			.listInner{
				width: 800px;
				ul.item{
					width: 400px;
					padding-left: 50px;
					float: left;
					li{
						margin-bottom: 30px;
						line-height: 28px;
						display: flex;
						height: 56px;

					}
					li >i{
						display: inline-block;
						width: 20px;
						height: 20px;
						background-color: #ff644c;
						border-radius: 50%;
						margin-right: 30px;
					}
					li span{
						font-size: 28px;
						font-weight: 500;
						line-height: 28px;
						text-align: left;
						color: #faffff;
						width: 300px;
						height: 56px;
						overflow: hidden;
					}

				}

			}


		}
		
		ul.bannerNav{
			height: 18px;
			overflow: hidden;
			width: 400px;
			display: flex;
			justify-content: center;

		}
		ul.bannerNav li{
			width: 16px;
			height: 16px;
			border: 1px solid #0192ff;
			border-radius: 50%;
			background-color: #020a0f;
			margin-right: 30px;
			cursor: pointer;
		}
		ul.bannerNav li.active{
			background-color: #0192ff;
		}
	}
	

	.wheel{
		width: 570px;
		height: 570px;
		float: left;
		position: relative;
		transition: transform 1s 0s linear;

	}

	.wheel .item{
		width: 92px;
		height: 266px;
		text-align: center;
		background-image: url("./img/蓝色.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -46px;
		margin-top: -133px;


	}
	.wheel .item div{
		width: 266px;
		height: 92px;
		transform: rotate(90deg);
		font-size: 32px;
		font-weight: 600;
		line-height: 92px;
		text-align: center;
		color: #d4ecff;
		word-break: keep-all;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -133px;
		margin-top: -46px;
		padding-top: 7px;
	}
	.wheel .active{
		background-image: url("./img/红色.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}
	.wheel .item:first-child{
		left: 0;
		margin-left: 0;
	}
	.wheel .item:nth-child(2){
		left: 165px;
		top: 492px;
		transform: rotate(-60deg);
	}
	.wheel .item:nth-child(3){
		left: 405px;
		top: 492px;
		transform: rotate(-120deg);
	}
	.wheel .item:nth-child(4){
		right: 0;
		left: auto;
		margin-left: 0;
		transform: rotate(180deg);
	}
	.wheel .item:nth-child(5){
		left: 405px;
		top: 79px;
		transform: rotate(120deg);
	}
	.wheel .item:last-child{
		left: 165px;
		top: 79px;
		transform: rotate(60deg);
	}

	.projectCount{
		position: absolute;
		right: 235px;
		top: 235px;
		width: 202px;
		height: 202px;
		padding-top: 48px;
		.num{
			width: 100%;
			font-size: 60px;
			font-weight: 600;
			line-height: 60px;
			text-align: center;
			color: #faffff;
			margin-bottom: 15px;
			align-self: center;
		}
		.label{
			width: 100%;
			font-size: 24px;
			font-weight: 500;
			line-height: 24px;
			text-align: center;
			color: #faffff;
		}
	}

	.imgBox{
		width: 1627px;
		height: 871px;
		background: #1A96FF;
		float: left;
		position: relative;

	}

	.imgBox img{
		width: 100%;
		min-height: 871px;
	}
}

